// pages/logistics/logistics-tabs/logistics-tabs.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    active: 0
  },

  onChange (event) {
    wx.showToast({
      title: `切换到 ${event.detail.title}`,
      icon: 'none'
    })
  },

  // todo 监听页面高度(上滑或者下滑)
  onPageScroll: function (e) {
    console.log('打印当前页面滚动的距离=', e)
    let goTopStatus = e.scrollTop > 100
    // 页面距离大于100px,则显示回到顶部控件
    this.setData({ goTopStatus })
  },

  // todo 回到顶部，内部调用系统API
  goTop: function (e) {
    if (wx.pageScrollTo) {
      wx.pageScrollTo({
        scrollTop: 0, // scrollTop	Number	是	滚动到页面的目标位置（单位px）
        duration: 50 // duration	Number	否	滚动动画的时长，默认300ms，单位 ms
      })
    } else {
      wx.showModal({
        title: '提示',
        content: '当前微信版本过低，暂无法使用该功能，请升级后重试。'
      })
    }
  },

  showPopup (e) {
    console.log(e, 6565656)
    this.getTabBar().setData({ tabBarVisible: false })
    this.setData({ show: true, brand: e.currentTarget.dataset.brand })
  },

  onClose () {
    this.setData({ show: false })
    this.getTabBar().setData({ tabBarVisible: true })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {},

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // todo 每个 tab 页下的自定义 tabBar 组件实例是不同的，可通过自定义组件下的  this.getTabBar() 接口，获取当前页面的自定义 tabBar 组件实例
    // 其本质就是组件回调时候return了this,调用this.getTabBar()获取组件实例
    // 触发custom-tab-bar/index.js  methods中的init(){}函数
    // this.getTabBar().setData({ active: 2 })
    this.getTabBar().init()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {}
})
